.bench{
    display: flex;
    flex-direction: column;
    height: 100%;
    position: relative;
    padding: 162px 0 0 0;
    &>header{
        line-height: normal;
        width: 100%;
        height: 162px;
        background-color: #fff;
        padding: 12px 24px;
        box-shadow: 0 1px 4px rgb(211, 211, 211);
        position: absolute;
        left: 0;
        top: 0;
        h3{
            font-size: 38px;
            font-weight: 600;
        }
    }
    &>main{
        flex: 1;
        overflow-y: auto;
        background-color: #EFF2F5;
        padding: 24px;
        &>.nav{
            width:100%;
            height:143px;
            background:#fff;
            header{
                border:1px solid rgba(178,186,194,0.15);
                padding: 0 24px;
                font-size: 16px;
                height: 57px;
                line-height: 57px;
            }
            main{
                display: flex;
                height: calc(100% - 57px);
                a{
                    flex: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 14px;
                    color: #000;
                }

            }
        }
        &>.artical{
            margin-bottom: 24px;
            width:100%;
            background:#fff;
            margin-top: 24px;
            border:1px solid rgba(178,186,194,0.15);
            &>header{
                height: 57px;
                padding: 0 24px;
                display: flex;
                justify-content: space-between;
                line-height: 57px;
                font-size: 16px;
                a{
                    color: #000;
                    font-size: 14px;
                }
            }
            main{
                display: flex;
                flex-wrap: wrap;
                height: 100%;
                border-top:1px solid rgb(235, 234, 234) ;
                &>div{
                    padding: 24px;
                    width: 33.33%;
                    height: 50%;
                    box-sizing: border-box;
                    border-right:1px solid rgb(235, 234, 234) ;
                    border-bottom:1px solid rgb(235, 234,   234) ;
                    background-color: #fff;
                    a{  
                        color: #000;
                        width: 100%;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        img{
                            width: 100%;
                            height: 110px;
                            margin-bottom: 4px;
                        }
                        span{
                            font-size: 14px;
                        }
                    }
                    
                }
                &>div:hover{
                    z-index: 999;
                    box-shadow: 0 1px 2px -2px #ccc, 0 3px 6px 0 #ccc, 0 5px 12px 4px #ccc;
                }
            }
        }
        &>.comment{
            background-color: #fff;
            &>header{
                height: 57px;
                padding: 0 24px;
                display: flex;
                justify-content: space-between;
                line-height: 57px;
                font-size: 16px;
                border:1px solid rgba(178,186,194,0.15);
                a{
                    color: #000;
                    font-size: 14px;
                }
            }
            main{
                height: 341px;
                padding: 24px;
                box-sizing: content-box;
                ul{
                    padding: 0!important;
                    margin: 0!important;
                    li{
                        font-size: 14px;
                        list-style: none;
                        height: 32px;
                        padding: 12px 0;
                        box-sizing: content-box;
                        border-bottom: 1px solid #f0f0f0;
                        display: flex;
                        justify-content: space-between;
                        align-items: center;
                        .handle{
                            span{
                                color: rgb(228, 228, 228);
                                margin: 0 4px;
                            }
                        }
                    }
                }
            }
        }
        footer{
            margin-top: 24px;
            div{
                text-align: center;
                margin-bottom: 5px;
            }
        }
    }
    iframe{
        border: none!important;
    }
}
:global{
    main.ant-layout-content{
        padding: 0!important;   
    }
}